﻿@model com.codeplex.eatoutadvocate.Web.Mvc.Models.EatOutModel

@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<h2>Recommendation</h2>
<br />
@using (Html.BeginForm("Result", "Recommend", FormMethod.Post))
{ 
    @Html.ValidationSummary(true)

    @Html.HiddenFor(m => m.Mood, new { id = "mood" })
                    
    <a href="#" class="thumbnail">
        <img src="http://placehold.it/300x200" alt="">
    </a>    
                
    <div class="moods">
        <div class="btn-group" data-toggle="buttons-radio" style="margin: 0 auto; width:100%">
            <button id="happy" type="button" class="btn">Happy</button>
            <button id="neutral" type="button" class="btn">Neutral</button>
            <button id="sad" type="button" class="btn">Sad</button>
        </div>
    </div>
            
    @Html.HiddenFor(m => m.MoodLevel, new { id = "moodLevel" })
                    
    <div class="slider">
        <div id="slider"></div>
    </div>    

   
     
    @Html.ValidationMessageFor(m => m.ZipCode)
    <div class="clearfix">
        @Html.TextBoxFor(m => m.ZipCode, new { id = "zipcode_textbox" })
    </div>
    
    <div class="clearfix">
        <input type="submit" value="Recommend" />
    </div>
}

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<script src="@Url.Content("~/Scripts/location.js")" type="text/javascript"></script>